@charset "utf-8";


/*首页*/
.rect-432{padding-bottom: 43.2%}
.rect-562{padding-bottom: 56.2%}
.index .pt2{padding-top:30px;padding-bottom: 15px}
.index .index_tit{text-align: center; padding:0px 0px 15px 0px}
.index .chtit{font-size: 33px;color: #101418;font-weight: normal;}
.index .entit{font-size: 16px;color: rgba(16,20,24,0.5);font-family: arial;margin-top: 10px;font-family: arial;}
.index .entit span{width: 130px;height: 1px;display: inline-block;vertical-align: middle;opacity: 0.1; background: #7D7F82;margin: 0 10px;}
.index .pt2 .pt2_li a{color: inherit}
.index .pt2  .pt2_area{ padding-top:20px}
.index .pt2 .pt2_ul .li_box{padding: 20px;text-align: center}
.index .pt2 .pt2_ul .li_box .li_pn{display: inline-block;width: 104px;height: 104px;background: url("../images/index_part2.png");background-repeat: no-repeat;background-position: center}
.index .pt2 .pt2_ul .li_box .li_tit{font-size: 18px;padding:25px}
.index .pt2 .pt2_ul .li_box .li_dec{text-align: left}
.index .pt2 .pt2_ul .li_box .li_pn1{background-position: 0 0}
.index .pt2 .pt2_ul .li_box .li_pn2{background-position: -104px 0}
.index .pt2 .pt2_ul .li_box .li_pn3{background-position: -208px 0}
.index .pt2 .pt2_ul .li_box .li_pn4{background-position: -312px 0}
.index .pt2 .pt2_li:hover .li_pn{background-position-y: -104px}
.index .pt3{padding:0px 0 1px 0}
.index .pt3 .txt_area{width: 50%}
.index .pt3 .txt_area a{color: inherit}
.index .pt3 .pic_area{width: 50%}
.index .pt3 .pic_area img{transition: 0.3s all ease}
.index .pt3 .pic_area:hover img{transform: scale(1.2,1.2)}
.index .pt3_top .txt_area{background: #ffffff}
.index .pt3_bottom .txt_area{background: #E60920;color: #ffffff}
.index .pt3 .txt_area .txt_box{padding: 60px 25px 0 40px}
.index .pt3 .txt_area .tit{font-size: 20px;text-align: center;margin-bottom: 20px}
.index .pt4{padding: 0px 0}
.index .pt4_ul{white-space: nowrap;overflow: hidden;}
.index .pt4_ul>li{float: none;display: inline-block}
.index .pt4 .riqi{margin-bottom: 10px}
.index .pt4 .yueri{font-size: 36px;color: #e60920;line-height: 1}
.index .pt4 .year{font-size: 16px;color: #e60920;position: absolute;bottom:0px;right:0}
.index .pt4 .title{font-size: 18px;color:#221815;margin-bottom: 15px}
.index .pt4 .pic_area{margin-bottom: 30px}
.index .pt4 .pic_area img{transition: 0.3s all ease}
.index .pt4 .dec{line-height: 1.8;height: 5.4em;overflow: hidden;margin-bottom: 25px;white-space: normal}
.index .pt4 .news_btn{padding: 5px 10px;background: #9D9D9D;color: #ffffff;display: inline-block;transition: 0.3s all ease}
.index .pt4 a:hover{color: inherit}
.index .pt4_li:hover .pic_area img{transform: scale(1.2,1.2)}
.index .pt4_li:hover .news_btn{background: #E60920}
.index .pt4 .pn_but{display: block;width: 35px;height: 68px;background: url("../images/index_pt4pn.png");background-repeat: no-repeat;position: absolute;top: 50%;margin-top: -34px}
.index .pt4 .pt4_prev{left: -60px;background-position: 0 0}
.index .pt4 .pt4_next{right: -60px;background-position: -35px 0}
.index .pt4 .index_tit{margin-bottom: 10px}
.index .pt5{height: 285px;background: url("../images/shouye_bg_19.jpg");background-repeat: no-repeat;background-position: center}
.index .pt5_box{padding-top: 55px}
.index .pt5 .title{font-size: 30px;color: #ffffff;margin-bottom: 15px}
.index .pt5 .dec{font-size: 16px;color: #ffffff;margin-bottom: 40px}
.index .pt5 .join{display: inline-block;padding: 10px 40px 10px 60px;color: #ffffff;font-size: 14px;border: 1px solid #ffffff;border-radius: 3px;transition: 0.3s all ease }
.index .pt5 .join .join_jiantou{display: inline-block;width: 16px;height: 13px;background: url("../images/index_jiantou.png");margin-left: 15px}
.index .pt5 .join:hover{background: #CB182C;border-color: #CB182C}


/*20170103*/

.index,.about,.core,.product{padding-top:0; }

.index .pt1_item:hover .en_title{margin-bottom: 5px}
.index .pt1_item:hover .title{margin-bottom: 5px;}
.index .pt1_item:hover .dec{margin-bottom: 20px}
.index .pt1_item:hover .index_pn{right: -10px;top: -7px}
.index .pt4 .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden}


/*20170105*/
.index .pt4 .yueri{font-family: 'hero_lightlight'}
.index .pt4 .year{font-family: 'hero_lightlight';right: 7px}
.index .pt1 .en_title{font-family: 'hero_lightlight'}



/*banner*/
/*20161228*/
.index{margin-top: 500px;}
.index_banner{width: 100%;overflow: hidden;position: fixed;z-index: 0;top: 0; margin:0px}
.index_banner .divBox{width: 1280px;margin: 0 auto;max-width: 95%;}
.index_banner .divBox, .index_banner h4:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }
.index_banner h4{background: rgba(185,34,33,0.7);font-size: 18px;color: #fff;line-height: 95px;position: relative;padding-left: 40px;left:754px;top: 0; text-align: left;}
.index_banner h4:after{content: '';display: block;width: 98%;height: 80%;border: 1px solid #fff;text-indent: 100px;}
.divBox p{display: inline-block;vertical-align: top;}
.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease; overflow:hidden; width:100%}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.slides a{display: block;width: 100%;}
.index_banner{height: auto !important;}
.index_banner .img{ position:relative;}
.index_banner .banner_dis{position: absolute;right:0;top:20%; width: 30%;background-color: rgba(0,0,0,0.5); padding: 20px}
.index_banner .banner_dis p{font-size: 30px;olor:#f5f5f5;}
@media(max-width: 999px){
.index_banner .banner_dis p{ font-size: 18px;}
}
@media(max-width: 767px){
.index_banner .banner_dis p{font-size: 12px;}
.index_banner .banner_dis{top:10%;}
}


.con_2{margin:0px auto;height: 360px;overflow: hidden;background: url("../images/con_bg_2.png") no-repeat;background-size: 100% 100%}
.c_2_l{float: right;width: 31.5%;padding-top:2.5%;}
.con_2 h2{font-size: 22px;color: #333;font-weight: normal;}
.c_2_l .c2Scroll{margin-top: 2%}
.c_2_l .c2Scroll .hd{width: 22px;float: right;margin-right: 10%}
.c_2_l .c2Scroll .hd{width: 100%;background: #fff;padding: 60px 0;}
.c_2_l .c2Scroll .hd .ej_footer1{width: 75%;margin:0 auto;font-size: 0;display: flex;justify-content: space-between;}
.ej_footer_middle{width: 336px; margin:0px auto}
.ej_footer_middle input,.ej_footer_middle textarea{display: block;width: 100%;line-height: 28px;box-sizing:border-box;padding-left:12px;border: none;outline: none;background:#eee;color:#333;margin-top: 6px; border:1px solid #ddd}
.ej_footer_middle textarea{resize: none;}
.ej_footer_middle input[type=submit]{width: 110px;text-align: center;padding: 0;background: #EA0000;transition: 0.3s ease-in-out;cursor: pointer; color:#fff; font-size:16px}
.ej_footer_middle input[type=submit]:hover{background: #FF6600;}
@media only screen and (max-width:1200px ) {

.ej_footer_middle{width: 100%;}
.ej_footer1{width: 90%;}
.ej_footer1{display: block;}
}
.c_2_r{float: left;width: 62.7%;padding-top: 5%}/* 1050 / 1675 */
.c_2_r_1{width: 42%;float: left;}/* 440 / 1050 */
.c_2_r_1 p{font-size: 14px;color: #666;margin-top: 9%;line-height: 23px}
.c_2_r_1 a{display: inline-block;font-size: 18px;margin-top: 8%;height: 27px;line-height: 27px;padding-right: 50px;background: url("../images/arrow_1.png") no-repeat right center;color: #666;transition: all 0.3s ease 0s}
.c_2_r_1 a:hover{background-image: url("../images/arrow_2.png");color: #e60012}


@media  ( max-width: 750px) {
	.c_2_l .c2Scroll .bd li h3{font-size: 30px}
}


@-webkit-keyframes move{
	0%{left: 0}
	50%{left: 20px}
	100%{left: 0}
}
.c_2_r_3{width: 46.3%;float: right;}
.c_2_r_3 video{display: none;position: relative;z-index: 12}
.c_2_r_2{width: 6%;float: right;margin-right: 3%}
.c_2_r_2 img{width: 100%}


@media  ( min-width: 1500px) {
	.c_2_l,.c_2_r{padding-top: 4%}
}
@media  ( max-width: 1200px) {
	.con_2{height: auto;padding-bottom: 2%}
}
@media  ( max-width: 1000px) {
	.con_2{background-image: none}
	.c_2_l{width: 96%;padding: 2%;float: none;background:url("../images/con_bg_2_1.png") no-repeat 0 0;background-size: cover}
	.c_2_l .c2Scroll{margin-top: 2%}
	.c_2_l .c2Scroll .hd{margin-right: 0}
	.c_2_r{width: 96%;float: none;background: #e2eaef;padding: 2%}
}
@media  ( max-width: 750px) {
	.con_2 .g-in{overflow: hidden;}
	.c_2_r_1{width: 100%;float: none;}
	.c_2_r_3{width: 100%;float: none;margin-top: 2%}
	.c_2_r_2{display: none}
	.c_2_r_1 p,.c_2_r_1 a{margin-top: 3%}
}

.con_3{padding:0% 0;}
.c_3_1{width: 40%;float: left}
.n_t{height: 42px;line-height: 42px}
.n_t h4{float: left;font-size: 18px;color: #666;font-weight: normal;}
.n_t a{display: block;float: right;fon3-size: 14px;}
.c3box,.c3box_2{border: 1px solid #d6d6d6}
.c3box .hotnews{padding: 2.1% 1.5% 3.9%;position: relative;}
.c3box .hotnews .pic{float: left;width: 23%}
.c3box .hotnews .pic img{width: 100%;display: block;}
.c3box .hotnews .text{float: right;width: 75%}
.c3box .hotnews .text a.t{display: block;font-size: 17px;color: #333;font-weight: bold}
.c3box .hotnews .text a.t:hover{color: #e60012}
.c3box .hotnews .text p{font-size: 12px;color: #666;height: 40px;overflow: hidden;margin-top: 1%; line-height:20px; padding-bottom:15px}
.c3box .hotnews .text span{display: block;position: absolute;left: 26.5%;bottom: 14.5%;font-size: 12px;color: #999;}
.c3box .list_1 li{padding: 1.4% 3.5%;border-top: 1px solid #d6d6d6;position: relative;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.c3box .list_1 li a{display: block;float: left;font-size: 14px;position: relative;z-index: 2}
.c3box .list_1 li span{display: block;float: right;color: #999;position: relative;z-index: 2}
.c3box .list_1 li i{display: block;position: absolute;left: -5%;width: 100%;top: 0;bottom: 0;background: url("../images/con_bg_3_1.png") no-repeat;background-size: cover;z-index: 1;opacity: 0;transition: all 0.6s ease 0s}
.c3box .list_1 li:hover i{left: 0;opacity: 1}
.c3box .list_1 li:hover a{color: #e60012}
.c_3_2{float: left;width: 28.3%;margin-left:1.7%}
.c_3_2 .hotnews{padding: 3.5%;border-bottom: 1px solid #d6d6d6;height: 34px;overflow: hidden;position: relative;}
.c_3_2 .hotnews a{font-size:17px ;color: #333;font-weight: bold;}
.c_3_2 .hotnews a:hover{color: #e60012}
.c_3_2 .hotnews a span{padding-left: 2%;font-size: 12px;color: #666;font-weight: normal;}
.c3box_2 .list_2{margin-top: 1.5%}
.c3box_2 .list_2 li{font-size: 14px;padding: 2% 3.5%; }
.c3box_2 .list_2 li a{display: block;position: relative;padding-left: 11px;background: url("../images/con_bg_3_2.png") no-repeat left center;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: block;float: left;width: calc(100% - 90px)}
.c3box_2 .list_2 li span{display: block;float: right;font-size: 12px}
.c3box_2 .list_2 li a:hover{animation:move .8s ease-in-out; color:#FF0000}


@-webkit-keyframes move{
	0%{left: 0}
	50%{left: 10px}
	100%{left: 0}
}


@media  ( min-width: 1500px) {
	.c_3_2 .hotnews{padding: 5.5% 3.5%}
	.c_3_2 .hotnews a span{bottom: 18%}
}

@media  ( max-width: 1400px) {
	.c3box_2 .list_2 li{padding: 1.5% 3.5%}
}
@media  ( max-width: 1200px) {
	.c3box_2 .list_2 li{padding: 1% 3.5%}

	.c3box .hotnews .text p{margin-top: .5%;font-size: 12px}
	.c3box .hotnews .pic{width: 26%}
	.c3box .hotnews .text{width: 72%}
	.c3box .hotnews .text span{left: 29.5%;}

}
@media  ( max-width: 1000px) {
	.c_3_1{width: 100%;float: none;margin-bottom: 2%}
	.c_3_2{width: 48%;margin-right: 4%;margin-left: 0}
	.c_3_2.c_3_3{margin-right: 0}
}

@media  ( max-width: 640px) {
	.c3box .hotnews .pic{width: 40%}
	.c3box .hotnews .text{width: 58%}
	.c3box .hotnews .text span{left: 42.5%;bottom: 8.5%}
	.c_3_2 .hotnews{height: auto}
	.c_3_2 .hotnews a{font-size: 20px;}
}
@media  ( max-width: 515px) {
	.c3box .hotnews .text a.t{font-size: 18px}
	.c_3_2{width: 100%;margin: 0}

}
@media  ( max-width: 450px) {
	.c3box .hotnews .text a.t{font-size: 16px}
}
@media  ( max-width: 375px) {
	.c3box .hotnews .text p{font-size: 12px;height: 36px}
	.c3box .hotnews .text span{display: none}
	.c3box .list_1 li a{height: 21px;overflow: hidden;}
}
.mr_frbox{ width:100%; overflow:hidden; margin:0px auto}
.mr_frBtnL{float:left; cursor:pointer; width:4%; background: url(../images/mfrL.png) no-repeat 0px 10px; height:50px}
.mr_frUl{ float:left;width:92%; height:55px;  }
.mr_frBtnR{float:right;cursor:pointer; width:4%; background: url(../images/mfrR.png) no-repeat right 10px; height:50px}
.mr_frUl ul li{display:inline;float:left;height:50px;width:160px;margin-right:14px;overflow:hidden;}
.mr_frUl ul li img{display:block;margin-bottom:7px;}